<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<c:set var="ctxpath" value="${pageContext.request.contextPath}"/>
<stripes:layout-definition>
    <!doctype html>
    <html>
    <head>
        <meta charset="utf-8"/>

        <title>${pageTitle}</title>
        <!-- Basic Styling Configurations -->
        <!--[if lt IE 9]>
        <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <link rel="stylesheet" media="all" href="${ctxpath}/css/less_4_lh_1.4.css"/>
        <link rel="stylesheet" media="all" href="${ctxpath}/css/base.css"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <!-- Adding "maximum-scale=1" fixes the Mobile Safari auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->

        <!-- JQuery and JQuery UI Themes-->
        <link type="text/css" href="${ctxpath}/css/smoothness/jquery-ui-1.8.14.custom.css" rel="Stylesheet"/>
        <script type="text/javascript" src="${ctxpath}/scripts/jquery/jquery-1.6.2.min.js"></script>
        <script type="text/javascript" src="${ctxpath}/scripts/jquery/jquery-ui-1.8.14.custom.min.js"></script>

        <stripes:layout-component name="JS"/>
    </head>
    <body>
        <stripes:layout-component name="contents"/>
    </body>
    </html>
</stripes:layout-definition>